<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--Custom-Theme-files-->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--/script-->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
		<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>

</head>
<body>
<!--start-home-->
   <div class="header two" id="home">
     <div class="container">
      <div class="header-top">
	       	<div class="logo">
                    <a href="index.html"><h1>Merchan<span>try</span></h1> </a>
			 </div>	
				    <div class="top-menu">
					    <span class="menu"> </span>
							<ul>
								<li><a class="active" href="index.html"><span data-hover="HOME">Home</span></a><label> </label></li>
								<li><a href="about.html"> <span data-hover="ABOUT">About</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="SERVICES">Services</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="PORTFOLIO">Portfolio</span></a><label> </label></li>
								<li><a href="blog.html"><span data-hover="BLOG">Blog</span></a><label> </label></li>
								<li><a href="contact.html"><span data-hover="CONTACT">CONTACT</span></a><label> </label></li>
				
							</ul>

						</div>
						<div class="login-pop">
							<div id="loginpop"><a href="#" id="loginButton"><span>Login <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a>
									<div id="loginBox">                
										<form id="loginForm">
												<fieldset id="body">
													<fieldset>
														  <label for="email">Email Address</label>
														  <input type="text" name="email" id="email">
													</fieldset>
													<fieldset>
															<label for="password">Password</label>
															<input type="password" name="password" id="password">
													 </fieldset>
													<input type="submit" id="login" value="Sign in">
													<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
												</fieldset>
											<span><a href="#">Forgot your password?</a></span>
									 </form>
								</div>
							</div>

						</div>
						<script src="js/menu_jquery.js"></script>

                <!-- script-for-menu -->
								<script>
									$("span.menu").click(function(){
										$(".top-menu ul").slideToggle("slow" , function(){
										});
									});
								</script>

			<div class="clearfix"></div>
	<!--End-top-nav-script-->
	 </div>
</div>
<!--/start-banner-->
 </div>
    <!--//end-banner-->
		<!--start-about-->
   <div class="about">
		<div class="container">
			<h2 class="tittle"> About us</h2>
				<div class="about-top">
					<div class="col-md-7 about-top-right">
						<h4>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</h4>
						<p>Fusce feugiat malesuada odio orbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna onec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend.</p>
						<p>Bulum iaculis lacinia est. Proin dictum elemntum velit. Fusce euismod cons equat ante. Lorem ipsum dmeconsectetuer adipiscing elit. ellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla vene natis. In pede mi aliquet sit amet euismod in auctor ut ligula. </p>
					</div>
					<div class="col-md-5 about-top-left">
						<img src="images/b5.jpg" class="img-responsive" alt=""/>
					</div>
					<div class="clearfix"></div>
				</div>
        </div>
     </div>
	<!--start-welcome-->
		<div class="welcome">
			    <div class="video-top">
				   <div class="video">
					  <iframe src="https://player.vimeo.com/video/124530178"></iframe>
					</div>
					<div class="video-text">
						<h3>Welcome to Our Merchantry</h3>
						<p>Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products.</p>
					</div>
						<div class="clearfix"> </div>
				</div>						
		</div>
		<!--//end-welcome-->
		<!--start-team-->
		<div class="content-team">
			<div class="container">
				<h3 class="tittle">Our team</h3>
				<div class="team-left">
					<div class="col-md-3 team-top">
						<div class="view view-seventh">
								<a href="#"><img class="img-responsive" src="images/t1.jpg" alt=""></a>
					                 <div class="mask">
				 						<ul class="social-icons">
											<li><a href="#"><span class="facebook"> </span></a></li>
											<li><a href="#"><span class="gg"> </span></a></li>
											<li><a href="#"><span class="twitter"> </span></a></li>
										</ul>
                   					 </div>
                   					 <h6>Emrah</h6>
			                    <p>Lorem ipsum Dolore ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. </p>
                   		</div>
					</div>
					<div class="col-md-3 team-top team-in">
						<div class="view view-seventh">
								<a href="#"><img class="img-responsive" src="images/t2.jpg" alt=""></a>
								<div class="mask">
				 						<ul class="social-icons">
											<li><a href="#"><span class="facebook"> </span></a></li>
											<li><a href="#"><span class="gg"> </span></a></li>
											<li><a href="#"><span class="twitter"> </span></a></li>
										</ul>
			                    </div>
			                    <h6>Victoria</h6>
			                    <p>Lorem ipsum Dolore ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. </p>
                   		 </div>
					</div>
					<div class="col-md-3 team-top">
						<div class="view view-seventh">
									<a href="#"><img class="img-responsive" src="images/t3.jpg" alt=""></a>
									<div class="mask">
				 						<ul class="social-icons">
											<li><a href="#"><span class="facebook"> </span></a></li>
											<li><a href="#"><span class="gg"> </span></a></li>
											<li><a href="#"><span class="twitter"> </span></a></li>
										</ul>
				                    </div>
				                    <h6>Joseph</h6>
			                    <p>Lorem ipsum Dolore ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. </p>
                   		</div>
					</div>
					<div class="col-md-3 team-top top-team">
						<div class="view view-seventh">
									<a href="#"><img class="img-responsive" src="images/t4.jpg" alt=""></a>
								<div class="mask">
				 						<ul class="social-icons">
											<li><a href="#"><span class="facebook"> </span></a></li>
											<li><a href="#"><span class="gg"> </span></a></li>
											<li><a href="#"><span class="twitter"> </span></a></li>
										</ul>
			                    </div>
			                    <h6>Federica</h6>
			                    <p>Lorem ipsum Dolore ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. </p>
			            </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!--//end-team-->
		<!-- clients -->
			<div class="clients">
				<div class="container">
					<!-- head-section -->
						<div class="head-section text-center">
							<h3 class="tittle client">Our Clients</h3>
						</div>
					<!-- /head-section -->
					<!-- client-list -->
					<div class="client-list text-center">
						<ul>
							<li><a href="#"><img src="images/c-logo.png" title="adidas" /></a></li>
							<li><a href="#"><img src="images/c-logo1.png" title="google" /></a></li>
							<li><a href="#"><img src="images/c-logo2.png" title="samsung" /></a></li>
							<li><a href="#"><img src="images/c-logo3.png" title="microsoft" /></a></li>
						</ul>
					</div>
					<!-- /client-list -->
				</div>
			</div>
			<!-- clients -->
<!-- footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<h4>Address</h4>
						<address>
							795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							<abbr title="Phone">P :</abbr> (123) 456-7890
						</address>
				</div>
				<div class="col-md-6 footer-middle">
					<h4>Contact</h4>
					<form>
						<div class="ft-lt">
							<input type="text" value="First Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'First Name';}">	
							<input type="text" value="Last Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Last Name';}">				
							<input type="text" value="Email Address" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Email Address';}">
						</div>
						<div class="ft-rgt">
							<textarea placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>	
							<input type="submit" value="Submit">
						</div>
					</form>
				</div>
				
					<div class="col-md-3 footer-left">
						<h4>Follow Us</h4>
							<div class="soci">
									<a href="#"><i class="f-1"> </i></a>
									<a href="#"><i class="t-1"> </i></a>
									<a href="#"><i class="g-1"> </i></a>
								</div>
					</div>
					<div class="clearfix"></div>
				</div>
					<div class="footer-text">
						<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
				</div>
			</div>
			<!-- footer-->
				<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!--JS-->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>

<!--//JS-->

</body>
</html>